import React from "react";
import './Food.css'
import { NavBar } from "@nutui/nutui-react";
import { ArrowLeft } from "@nutui/icons-react";
import { useNavigate } from "react-router-dom";
export default function Food() {
  let Navigate = useNavigate();
  return (
    <div id="Food" className="animate__animated animate__fadeInDown">
      {/* head */}
      <div id="FoodHead">
        <NavBar
          back={<ArrowLeft />}
          onBackClick={() => {
            Navigate("/app/shou");
          }}
          style={{ background: "#2A6049", color: "white", height: "10%" }}
        >
          <p style={{ color: "white" }}>食物</p>
        </NavBar>
      </div>
    </div>
  );
}
